<template>
    <view class="max-box">
        <up-loadmore lineColor="#999999" dashed line :status="status" :loading-text="loadingText" :loadmore-text="loadmoreText" :nomore-text="nomoreText"/>
    </view>
</template>

<script setup>
    import sheep from '@/sheep';
    import { ref, reactive, onBeforeUnmount } from 'vue';
    import { onLoad } from '@dcloudio/uni-app';
    import { baseUrl } from "@/sheep/config";
    const props = defineProps({
        // 加载中文字
        loadingText:{
            type:String,
            default:'正在加载'
        },
        loadmoreText:{
            type:String,
            default:'加载更多'
        },
        nomoreText:{
            type:String,
            default:'没有更多了'
        },
        // 当前页
        current_page:{
            type:Number,
            default:1
        },
        // 最后一页
        last_page:{
            type:Number,
            // default:1
        }
    })

    // 创建响应式数据  
    const status = ref('nomore');  
    
    // 定义方法
    const PopupScrolltolower = () => {
    if(props.current_page >= props.last_page) {
        status.value = 'nomore'
    } else {
        status.value = 'loading';  
        props.current_page++;
        setTimeout(() => {  
            if (props.current_page >= props.last_page) status.value = 'nomore';  
            else status.value = 'loading';  
        }, 1000); 
    }
    }
    
    // 暴露子组件属性或方法
    defineExpose({
        PopupScrolltolower
    })

</script>

<style lang="scss" scoped>

</style>